<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>policy</title>
    <!-- 引入css -->
    <link rel="stylesheet" href="../css/policy/policy.css" />
    <link rel="stylesheet" href="../css/policy/add.css">
    <!-- 引入jquery -->
    <script src="../js/jquery-1.9.1.min.js"></script>
    
</head>
<body>
    <!-- 表格区域 -->
    <div class="box">
        <div id="btn">
            <button id="add" onclick="add()">新增策略</button>
        </div>
        <table id="tag-table">
            <thead>
                <tr>
                    <th id="th1">UserRole</th>
                    <th id="th2">Department</th>
                    <th id="th3">ProvideOrg</th>
                    <th id="th4">Rid</th>
                    <th>Option</th>
                </tr>
            </thead>
            <tbody class="table-body" id="tbody"></tbody>
        </table>
        <div id="footer">
            <p>共</p>
            <p id="totalRows">0</p>
            <p>条，</p>
            <p>第</p>
            <p id="currentPage">1</p>
            <P>页，共</P>
            <p id="totalPages">0</p>
            <p>页，(每页显示10条)</p>
            <button id="next" onclick="next()">下一页</button>
            <button id="pre" onclick="pre()">上一页</button>
        </div>
    </div>

    <!-- 新增窗口 -->
    <div id="addBlock">
        <div id="addHeader"><span>新增策略</span></div>
        <div id="addMain">
            <table>
                <tr>
                    <td class="title-td">UserRole</td>
                    <td>
                        <select class="multipleSelect" id="addUserRole" ></select>
                    </td>
                </tr>
                <tr>
                    <td class="title-td">Department</td>
                    <td>
                        <select class="multipleSelect" id="addDepartment" ></select>
                    </td>
                </tr>
                <tr>
                    <td class="title-td">ProvideOrg</td>
                    <td>
                        <select class="multipleSelect" id="addProvideOrg" ></select>
                    </td>
                </tr>
                <tr>
                    <td class="title-td">Rid</td>
                    <td>
                        <input id="addRid" style="width: 97%;height: 50%" type="text">
                    </td>
                </tr>
            </table>
        </div>
        <div id="add-foot">
            <button id="addSubmit" onclick="addSubmit()">提交</button>
            <button id="addCancel" onclick="addCancel()">取消</button>
        </div>
    </div>

    <!-- 遮罩层 -->
    <div id="mask"></div>
</body>
<!-- 引入js -->
<script type="text/javascript" src="../js/policy/policy.js"></script>
<script type="text/javascript" src="../js/policy/pagination.js"></script>
<script type="text/javascript" src="../js/policy/addMultiple.js"></script>
<script type="text/javascript" src="../js/policy/add.js"></script>
<script type="text/javascript" src="../js/policy/delete.js"></script>

</html>